<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>老司机日报</title>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
	<style>
	*{padding：0px;margin:0px;box-sizing:border-box;}
	.top{width: 100%;background:rgba(0, 0, 0, 0.66); padding:18px;position: fixed;left: 0px;top: 0px;font-size: 12px;}
	.top .icon{width: 11%; float: left;}
	.top .icon img{width: 100%;}
	.title-text{width: 59%; float:left; color:rgba(255, 255, 255, 0.9); margin-left: 10px; line-height:15px;}
	.top button{width: 24%; float: right;border:none;color:rgba(255, 255, 255, 0.9); background: #4083FF; border-radius: 2px; padding:8px;font-size: 12px; margin-top: 4px;}

	.footer{position: fixed;left: 0px;bottom: 0px;width: 100%;padding:18px;}
	.footer-info{width: 180px;margin:0 auto;padding-bottom: 20px;}
	.footer .icon{width: 48px; float: left;padding-right: 10px;}
	.footer img{width: 100%;}
	.footer .buttom-text{width: 132px; float: left;}
	.footer .advance{width: 100%;clear:both;text-align: center;border: 1px solid #4083FF;border-radius: 2px;color: #4083Ff;padding:8px 0px;}
	</style>
</head>
<body>
	<!-- 头部 -->
	<div class="top">
		<div class="icon">
			<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1495726457579&di=aaac3b59350b5aecc1cadccb3fd54ff4&imgtype=0&src=http%3A%2F%2Fv1.qzone.cc%2Fskin%2F201508%2F05%2F18%2F42%2F55c1e897dcef9773.jpg%2521600x600.jpg" alt="">
		</div>
		<div class="title-text">
			<p>老司机日报</p>
			<p>里面个个是人才</p>
		</div>
		<button>前往下载</button>
	<div style="clear:both;"></div>
	</div>
	
	<!-- 脚部 -->
	<div class="footer">
		<div class="footer-info">
			<div class="icon">
				<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1495726457579&di=aaac3b59350b5aecc1cadccb3fd54ff4&imgtype=0&src=http%3A%2F%2Fv1.qzone.cc%2Fskin%2F201508%2F05%2F18%2F42%2F55c1e897dcef9773.jpg%2521600x600.jpg" alt="">
			</div>
			<div class="buttom-text">
				<p style="color:#6B6B6B">老司机日报</p>
				<p style="color:#A09F9F">里面个个是人才</p>
			</div>
			<div style="clear:both;"></div>
		</div>
		<div class="advance">更多内容，前往APP查看</div>
	</div>

</body>
</html>